<template>
<div>
    <el-icon class="hamburgerIcon" @click="toggleHamburger">
        <!-- <component :is="isFold ? 'Fold' : 'Expand'"></component> -->
        <Fold/>
    </el-icon>
  </div>
</template>
<script setup>
import { ref } from 'vue'
import { Fold,Expand } from '@element-plus/icons-vue'


const isFold = ref(false)

const toggleHamburger = () => {
    isFold.value = !isFold.value; //切换展开组件状态
    console.info(isFold.value);
};

</script>

<style lang="scss" scoped>
.hamburgerIcon {
    padding: 0 15px;
    font-size: 25px
}
</style>